<template>
    <li>
        <img :src="props.img" alt />
        <p>{{props.text}}</p>
    </li>
</template>

<script setup>
import { defineProps } from 'vue';
let props = defineProps(['img', 'text'])

</script>

<style lang="scss" scoped>
li {
    background: #fff;
    width: 148px;
    height: 148px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px;

    img {
        margin-top: 10px;
        width: 40px;
        height: 40px;
    }

    p {
        color: #999;
        margin: -20px 0 0 0;
    }
}
</style>
